﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GMapsActividad.aspx.cs" Inherits="Reporte_GMapsActividad" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
 
<title><%= IdiomaCultura.getMensaje(IdiomaCultura.WEB_TITULO) %></title> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="expires" content="-1" />

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&<%=ManagerConfiguration.getCodeCountryGMaps() %>"></script>
  
   <link href="<%=Request.ApplicationPath%>/UtilWeb/Style/Gmap2.css" media="screen" rel="stylesheet" type="text/css"  />
    <script src="<%=Request.ApplicationPath%>/UtilWeb/script/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
   <script src="<%=Request.ApplicationPath%>/UtilWeb/Script/Gmap2.js" type="text/javascript"></script> 
   <script src="<%=Request.ApplicationPath%>/UtilWeb/Script/Gmap2Template.js" type="text/javascript"></script> 
   <script src="<%=Request.ApplicationPath%>/UtilWeb/Script/keydragzoom.js" type="text/javascript"></script> 
   
    <script type="text/javascript">
       function isultimaPosicion() {
         return false;
       }
       
       function initializeMapa( ){
            var datosServidorMapa= '<%= Tarea.JSEncode( cadena ) %>';
            
            if('' != datosServidorMapa){
                initialize( );
                
                fntDatosServidor(datosServidorMapa);
            }else{
                 alert('NO DATA');
            }
       }
       
       
        function showMessageDialog(indice, datos){
 
    		var arrDatos = datos.split("|"); 
			
			var actividad = "" + arrDatos[2];
			var estado = "" + arrDatos[3];
			var fechaMovil  = "" + arrDatos[4];
			var observacion = "" + arrDatos[5];
			var entrega = "" + arrDatos[6];
			
			var innerFoto = '<tr>';
			
			for(var i=8; i<arrDatos.length; i++){
			 
			     innerFoto = innerFoto + "<td> <a  rel='<%=Request.ApplicationPath %>/reporte/monitoreo/IFoto.ashx?IdFoto="+ arrDatos[i] 
			                        +"&max=1' class='image' onclick='mostrarImagen(this)'> <img  src='<%=Request.ApplicationPath %>/reporte/monitoreo/IFoto.ashx?IdFoto="
			                        + arrDatos[i] 
			                        +"' with='60' heigth='60' class='thumb' border='0'/> </a></td>";
			                        
			   if( i == (arrDatos.length - 1) ){
			       innerFoto = innerFoto + "</tr><tr><td id='image' colspan='"+(arrDatos.length-8)
			                    + "'><img src='<%=Request.ApplicationPath %>/reporte/monitoreo/IFoto.ashx?IdFoto="+ arrDatos[i] 
			                    + "&max=1' border='0'/></td></tr>";
			     }
			}
				
			var cadFoto = "<div class='section1'>"+
			                 "<table border='0' cellpadding='2' cellspacing='2'>"
			                 + innerFoto +
			                 "</table>"+
			             "</div>";
  
  
			var showInfo = "<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_ACTIVIDAD).ToUpper()) %>"+":</B> " + trim(actividad) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_ESTADOS).ToUpper()) %>"+":</B> " + trim(estado) + "<BR />" +
				"<B>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_FECHAMOVIL).ToUpper()) %>"+":</B> " + trim(fechaMovil) + "<BR />" +   
				trim(entrega) ;
			
			var cadena = "<div class='title'>"+"<%=Tarea.JSEncode(IdiomaCultura.getMensaje(IdiomaCultura.WEB_SECUENCIA).ToUpper()) %>"+": " + (eval(indice) + 1 )  + "</div>" +
			             "<div class='section1'>"+
			                 "<table border='0' cellpadding='2' cellspacing='2'>"+
			                 "<tr><td>" + showInfo + "</td></tr>"+
			                 "</table>"+
			             "</div>";

            
			cadena = cadena + cadFoto;
			
			$("#mostrarfoto").html(cadena);
	 	        
			return cadena;
		 
		 
	   }

    </script>
    
</head>
<body onload="initializeMapa( )" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
    <input id="hidActividad" type="hidden" runat="server" />    
    <input id="hidUsuario" type="hidden" runat="server" />
    <input id="hidFecha" type="hidden" runat="server" />    
    <form id="form1" runat="server">    
     <div id="cabecera" style="width: 100%; border-style:solid; border-width: 1px; text-align:left">
           <table style="width: 100%;" border="0" cellpadding="4" cellspacing="0" >
            <tr>
                <td style="background-color:#990000; font-family:Arial; font-size:12px; color:White" align="center" colspan="3">
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_TRACKING_ACTIVIDAD) %></b>
                </td>                
            </tr>
            <tr>
                <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 251px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_USUARIO_UPPER)%>:</b> <asp:Label ID="lblNomUsuario" runat="server"></asp:Label></td>
                <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 307px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_FECHA).ToUpper()%>:</b> <asp:Label ID="lblFechaReporte" runat="server"></asp:Label></td>
                     <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 184px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_TIPOACTIVIDAD).ToUpper()%>:</b> <asp:Label ID="lblTipoActividad" runat="server"></asp:Label></td>
                    
            </tr>
            
                    
            <tr>
           
                 <td style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 251px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_CLIENTE).ToUpper()%>:</b> <asp:Label ID="lblActividad" runat="server"></asp:Label></td>
                    <td colspan="2" style="background-color:#FFFFFF; font-family:Arial; font-size:11px; width: 307px;" >
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_ESTADOS).ToUpper()%>:</b> <asp:Label ID="lblEstado" runat="server"></asp:Label></td>
                      
            
            </tr>
            
           
            
           </table>            
        </div>
        
        <div id="mensaje" style="text-align:center">
            <asp:Label ID="lblMensaje" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="14px" ForeColor="Red" Text="<%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_NO_ENCONTRARON_RESULTADOS) %>" Visible="False"></asp:Label>
        </div>    
          <div id="map" style="width: 100%; height: 520px; border-style:solid; border-width: 0px; text-align:left; font-family:Arial; font-size:11px">
        </div>
          <div id="pie" style="width: 100%;  border-style:solid; border-width: 1px; text-align:left; height: 100px;">
           <table style="width: 100%;" border="0" cellpadding="4" cellspacing="0" >
            <tr>
                <td style="background-color:#990000; font-family:Arial; font-size:12px; color:White" align="center" colspan="2">
                    <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_RESUMEN_TRACKING) %></b>
                </td>                
            </tr>
            <tr>
             <td style="font-size: 11px; width: 326px; font-family: Arial; background-color: #ffffff">
                       <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_INICIO_REALIZADO) %>:</b>
                       <asp:Label ID="lblInicioRealizado" runat="server"></asp:Label></td>
                   <td style="font-size: 11px; font-family: Arial; background-color: #ffffff">
                       <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_FIN_REALIZADO) %>:</b> 
                       <asp:Label ID="lblFinRealizado" runat="server"></asp:Label></td>
                 
               </tr>
            <tr>
                   <td style="font-size: 11px; width: 326px; font-family: Arial; background-color: #ffffff">
                       <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_CANT_ESTADO) %>:</b>
                       <asp:Label ID="lblNumEstados" runat="server"></asp:Label></td>
                   <td style="font-size: 11px; font-family: Arial; background-color: #ffffff">
                       <b><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_CANT_REALIZADO) %>:</b> <asp:Label ID="lblNumEstadosRealizados" runat="server"></asp:Label></td>
               </tr>
               
              
               
           </table>            
        </div>
    </form>
    <div id='mostrarfoto' style="visibility:collapse; height:1">
    </div>
</body>
</html>
